<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Observatório</title>
    </h:head>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_geral.css"/>
    <link rel="stylesheet" type="text/css" href="../css/estilo_observatorio_inovacao.css"/>
    <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'/>
    <h:body>

        <div id="wrap_site">
            <div id="topo">
                <div id="menu">
                    <ul>
                        <li><a href="../index.html">INÍCIO</a></li>
                        <li><a href="../quem_somos/index.xhtml">QUEM SOMOS</a></li>
                        <li><a href="#">EIXOS DE OBSERVAÇÃO</a></li>
                        <li><a href="#">PROJETOS</a></li>
                        <li><a href="../noticias/index.html">NOTÍCIAS</a></li>
                        <li><a href="../contato.html">CONTATO</a></li>
                        <li><a href="../indexSistema.xhtml">ACESSO AO SISTEMA</a></li>	
                    </ul>
                </div> <!--END MENU-->

                <div id="redes_sociais"> 
                    <a href="#"><img src="../images/icone_tw.jpg" width="17" height="17" alt="Tweeter" /></a>
                    <a href="#"><img src="../images/icone_linkedin.jpg" width="17" height="17" alt="LinkedIn" /></a>
                    <a href="#"><img src="../images/icone_gplus.jpg" width="17" height="17" alt="Google Plus" /></a>
                    <a href="#"><img src="../images/icone_flickr.jpg" width="17" height="17" alt="Flickr" /></a>
                    <a href="#"><img src="../images/icone_fb.jpg" width="17" height="17" alt="Facebook" /></a>
                </div> <!--END REDES SOCIAIS-->

                <div class="clear_float">  </div>
            </div> <!--END TOPO-->

            <div id="conteudo"> 

                <div id="sidebar_left"> 
                    <a href="../index.xhtml"><img src="../images/id_observatorio.jpg" width="240" height="240" alt="Observatório" /></a>
                    <a href="../eixo_aprendizagem/index.html"><img src="../images/bt_aprendizagem.jpg" width="82" height="78" /></a>
                    <a href="index.xhtml"><img src="../images/bt_inovacao.jpg" width="81" height="78" /></a>
                    <a href="../eixo_avaliacao/index.html"><img src="../images/bt_avaliacao.jpg" width="82" height="78" /></a>


                    <div id="sectogramas">
                        <p><strong class="texto_vermelho">Tratamento bibliométrico do resultado de sua busca:</strong></p>
                    </div>

                    <div id="sectogramas">
                       <h:form id="formGraficos" >
                            <p><br />

                                <p:pieChart id="graficoTotalObras" value="#{obraBean.pieModel}" legendPosition="s"  
                                            title="Por universo de pesquisa" style="width:210px;height:360px;background-color:#D9D0D0 " showDataLabels="true"  diameter="150"  />  
                            </p>
                            <p><br />

                                <p:pieChart id="graficoEstados" value="#{obraBean.pieModelEstados}" legendPosition="w"  
                                            title="Por UF da publicação: " style="width:210px;height:360px;background-color:#D9D0D0 " showDataLabels="true"  diameter="120"  />  
                            </p>
                            <p><br />

                                <p:pieChart id="graficoAno" value="#{obraBean.pieModelAno}" legendPosition="w"  
                                            title="Por ano da publicação" style="width:235px;height:500px;background-color:#D9D0D0 " showDataLabels="true"  diameter="120"  />  
                            </p>
                        </h:form>



                    </div>


                    <div id="sectogramas">

                        <p><a href="index.xhtml" class="voltar_filtros_ativados"><img src="../images/seta_voltar.png" width="20" height="20" style="position:relative; top:5px;" />Realizar nova busca</a></p>
                    </div>



                </div>




                <div id="sidebar_right">
                    <div id="titlo_eixo_inovacao">
                        <img src="../images/titulo_eixo_inovacao.jpg" width="148" height="67" alt="Eixo Inovação" class="float_left" />
                        <p class="float_left">O Eixo de Inovação acolhe projetos de pequisa que buscam mapear, compeender e/ou discutir a natureza e as fronteiras da Gestão Social como um novo campo de prátcas e 	conhecimentos em gestão.</p>
                        <div class="clear_float"></div>
                    </div>

                    <div id="bd_bibliometria">
                        <table border="0" cellpadding="0" cellspacing="0" class="tabelas_campos_inovacao">
                            <h:form id="filtrosativos" >
                                <tr>
                                    <td><strong class="texto_vermelho">Filtros ativados</strong></td>
                                </tr>
                                <tr>

                                    <td><h:outputText value="#{obraBean.filtrosAtivos}" escape="false" /></td>

                                </tr>
                            </h:form>
                        </table>
                        <br/><br/><br/><br/>

                    </div>   
                    <div id="bg_cinza_geral">
                        <h:form id="form_resultado_bibliometria">

                            <p:dataTable id="cars" var="obra" value="#{obraBean.filtroObras}" rowKey="#{obra.id}"  
                                         selection="#{obraBean.obraSelecionada}" selectionMode="single"  style="background-color: #C6BCBC;width: 500px " paginator="true" rows="10" >  
                                
                                <p:column headerText="Obras" style="white-space: normal;font-size: 12px"   >  
                                    #{obra.obraToString}"
                                </p:column>  

                                <f:facet name="footer" >  
                                    <p:commandButton id="viewButton" value="Visualizar"  update=":form_resultado_bibliometria:display" oncomplete="bibliometriaDialog.show()" icon="ui-icon-search"  style="background-color: #C6BCBC;" />  
                                </f:facet>  

                            </p:dataTable>  

                            <p:dialog id="dialog" header="Obra em Detalhe" widgetVar="bibliometriaDialog" dynamic="true" resizable="false"  
                                      maximizable="true" >  

                                <h:panelGrid id="display" columns="1" cellpadding="2">  


                                    <h:outputText value="#{obraBean.obraSelecionada.tipo}" />  
                                    <h:outputText value="#{obraBean.obraSelecionada.toString()}" escape="false" />  



                                </h:panelGrid>
                                <p:commandButton value="Print" type="button" icon="ui-icon-print">  
                                    <p:printer target="display" />  
                                </p:commandButton>  

                            </p:dialog>


                        </h:form>  
                    </div>
                </div>


                <div class="clear_float">  </div> 
            </div> <!--END CONTEUDO-->

            <div id="footer">
                <p class="texto_rodape">Observatório da Formação em Gestão Social (2013)</p>
            </div>
            <div id="wrap_marcas">
                <img src="../images/id_rgs.jpg" width="72" height="51" alt="RGS" />
                <img src="../images/id_ufba.jpg" width="32" height="67" alt="UFBA" />
                <img src="../images/id_ufc.jpg" width="34" height="67" alt="UFC" />
                <img src="../images/id_usp.jpg" width="34" height="67" alt="UFC" />  
                <img src="../images/id_puc.jpg" width="37" height="67" alt="PUC" />
                <img src="../images/id_udesc.jpg" width="47" height="67" alt="UDESC" />
                <img src="../images/id_ufb.jpg" width="71" height="67" alt="UFB" />
            </div>




        </div> <!--END WRAP SITE-->


    </h:body>
</html>

